@import "default_layout";
@import "transition";
@import "list";

html,body{
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
*{
  box-sizing: border-box;
}
#root{
  height: 100%;
}
.scroll-view{
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.fixed-router{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f5f5f9;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 101;
}
.flex-row{
  display: flex;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
.align-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.input-file{
  position: relative;
  input[type="file"]{
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 5;
  }
}
.required{
  position: relative;
  &:after{
    content: '*';
    color: red;
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 12px;
  }
}